<template>
  <div class="h2Title flex-h-c">
    <i :class="'icon iconfont ' + icon + ' ' + iconColor"></i>
    <span class="ml10">{{ title }}</span>
  </div>
</template>

<script lang="ts">
export default {
  name: 'xc-icon-title',
  props: {
    icon: {
      type: String,
      default: '',
    },
    iconColor: {
      type: String,
      default: 'blue',
    },
    title: {
      type: String,
      default: '',
    },
  },
};
</script>
